﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Ezio.Models.Menus>" %>
<div id="menu-editor-container" class="floating-content-holder">
    <div id="MenuFields">
        <fieldset>
            <legend>Datos b&aacute;sicos del Men&uacute;</legend>
            <label for="Nombre">
                Nombre:
            </label>
            <input type="text" id="Nombre" name="Nombre" />
            <label for="IdTipoMenu">
                Tipo Men&uacute;:
            </label>
            <select id="IdTipoMenu" name="IdTipoMenu">
                <%foreach (Ezio.Models.TiposMenus TipoMenu in (List<Ezio.Models.TiposMenus>)ViewData["TiposMenus"])
                  {
                %>
                <option value="<%: TipoMenu.IdTipoMenu %>">
                    <%: TipoMenu.NombreTipoMenu%></option>
                <% } %>
            </select>
            <select id="GrupoMenu" name="GrupoMenu">
                <%foreach (Ezio.Models.Grupos Grupo in (List<Ezio.Models.Grupos>)ViewData["Grupos"])
                  {%>
                <option value="<%: Grupo.IdGrupo%>">
                    <%:Grupo.NombreGrupo%>
                </option>
                <%} %>
            </select>
        </fieldset>
        <fieldset id="MenuData">
            <legend>Constituci&oacute;n del Men&uacute;</legend>
            <table id="PreparacionesList">
                <caption>
                    Preparaciones
                </caption>
                <thead>
                    <tr>
                        <th>
                            Nombre
                        </th>
                        <th>
                        </th>
                    </tr>
                </thead>
                <!-- Aqui van las preparaciones -->
                <tbody>
                </tbody>
                <!-- Aqui va alojado el botón agregar preparaciones -->
                <tfoot>
                    <tr>
                        <td colspan="2">
                            <label for="NombreNuevaPreparacion">
                                Nueva preparaci&oacute;n</label>
                            <input type="text" name="NombreNuevaPreparacion" id="NombreNuevaPreparacion" />
                            <input type="button" value="Agregar" title="Agregar preparacion" id="AddPreparacion" />
                        </td>
                    </tr>
                </tfoot>
            </table>
            <table id="AlimentosList">
                <caption>
                    Alimentos
                </caption>
                <thead>
                    <tr>
                        <th>
                            Insumos
                        </th>
                        <th>
                            Cantidad
                        </th>
                        <th>
                            Unidad
                        </th>
                        <th>
                        </th>
                    </tr>
                </thead>
                <!-- Aqui van los alimentos de la preparacion -->
                <tbody>
                </tbody>
                <!-- Aqui va alojado el botón agregar alimentos -->
                <tfoot>
                    <tr>
                        <td colspan="4">
                            <div>
                                Agregar alimento a la preparaci&oacute;n:
                            </div>
                            <div>
                                <label for="InsumosList">
                                    Insumo:
                                </label>
                                <select name="InsumosList" id="InsumosList">
                                    <%foreach (var insumo in (List<Ezio.Models.Insumos>)ViewData["Insumos"])
                                      {%>
                                    <option value="<%:insumo.IdInsumo%>">
                                        <%:insumo.NombreInsumo%>
                                    </option>
                                    <%} %>
                                </select>
                                <input type="button" value="Agregar" title="Agregar a la preparacion" id="AddAlimento" />
                            </div>
                            <div>
                                <%foreach (var insumo in (List<Ezio.Models.Insumos>)ViewData["Insumos"])
                                  {%>
                                <input type="hidden" class="Unidad" id="Unidad<%:insumo.IdInsumo%>" name="Unidad<%:insumo.IdInsumo%>"
                                    value="<%:insumo.TiposUnidades.NombreTipoUnidad%>" />
                                <%} %>
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </fieldset>
        <input type="submit" value="Guardar menu" />
    </div>
    <!--Estadisticas actuales del menú actual. -->
    <div id="MenuStas">
        <table>
            <caption>
                Valor nutricional del men&uacute;
            </caption>
            <tbody>
                <tr>
                    <th>
                        Calcio
                    </th>
                    <td id="ValorCalcio">
                        0
                    </td>
                </tr>
                <tr>
                    <th>
                        Carbohidratos
                    </th>
                    <td id="ValorCarbohidratos">
                        0
                    </td>
                </tr>
                <tr>
                    <th>
                        Hierro
                    </th>
                    <td id="ValorHierro">
                        0
                    </td>
                </tr>
                <tr>
                    <th>
                        Lipidos
                    </th>
                    <td id="ValorLipidos">
                        0
                    </td>
                </tr>
                <tr>
                    <th>
                        Proteinas
                    </th>
                    <td id="ValorProteinas">
                        0
                    </td>
                </tr>
            </tbody>
        </table>
        <table id="CostosUltimaCompra">
            <caption>
                Costo de los productos en la &uacute;ltima compra realizada
            </caption>
            <thead>
                <tr>
                    <th>
                        Insumo
                    </th>
                    <th>
                        Costo ($)
                    </th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <table id="CostosPromedio">
            <caption>
                Costo promedio de los productos en todas las compras.
            </caption>
            <thead>
                <tr>
                    <th>
                        Insumo
                    </th>
                    <th>
                        Costo ($)
                    </th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
